<!DOCTYPE html>
<html style="height: 100%">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="renderer" content="webkit" />
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
		<title> {{ fields.title }} </title>
{{ modules.styles }}
{{ modules.markdown_output_style }}
	</head>
	<body id="editorContainer" class="h-100" style="overflow: hidden">
{{ modules.navbar }}

		<div class="editor-dnd-tip bg-faded text-center" style="display: none">
			<i class="ion-document-text " style="font-size: 15rem"></i><br>
			<span style="font-size: 2rem">可将Markdown文档拖放至此处</span>
		</div>

		<a id="editorFileSaver" style="display: none;"></a>
		<input type="file" id="editorFileDialog" style="display: none;"/>
				

		<div class="h-100" style="padding-top: 2.5em">
			<div class="editor-wrapper w-50 bg-inverse float-left h-100 px-3 py-2 px-lg-5 py-lg-4" 
				style="overflow-y: auto;">
				<textarea id="editor" class="editor border-0 w-100 bg-inverse text-white" rows="10"
					spellcheck="false"
					style="overflow-x: hidden;font-size: 1.1rem;line-height: 1.5"></textarea>
			</div>
			<div class="output-wrapper w-50 float-left h-100 px-3 py-2 px-lg-5 py-lg-4" 
				style="overflow-y: auto">
				<div id="output" class="output md-output-container" style="word-wrap: break-word"></div>
			</div>
		</div>
		<script type="text/tmpl" id="editorOutputTmpl">
{{ modules.export_template }}
		</script>

{{ modules.dialog_filename }}
{{ modules.dialog_select_browser_files }}


{{ modules.scripts }}
	</body>
</html>